<!DOCTYPE html>
<html>
<head>
    <% include ../common/public.ejs %>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>签到中心</title>
    <style>
        #container {
            background: #fff;
        }

        .mainImg {
            display: block;
            width: 100%;
        }

        footer {
            text-align: center;
            padding: 10px 0 5px;
            color: #000;
            opacity: 0.4;
            font-size: 12px;
        }

        .bonusMenus {
            padding: 0 1%;
        }

        .bonusMenus > div {
            display: inline-block;
            width: 32%;
            font-size: 16px;
        }

        .bonusMenus > div a {
            color: #000;
        }

        .bonusMenus > div .menuBlock {
            padding: 10px;
            text-align: center;
            cursor: pointer;
        }

        .bonusMenus > div .menuBlock img {
            width: 60%;
            display: block;
            margin: 0 auto;
        }

        .bonusActivity {

        }

        .bonusActivity .activityBlock{
            margin-top: 10px;
        }
        .bonusActivity .activityBlock img{
            width: 100%;
        }


        .signInfo{
            position: fixed;
            top: 0;
            bottom: 0;
            left: 0;
            right: 0;
            display: none;
        }
        .signInfo .signInfoModel{
            width: 100%;
            height: 100%;
            position: absolute;
            background: #000;
            opacity: 0.5;
        }
        .signInfo .signInfoPanel{
            position: absolute;
            width: 300px;
            background: #fafafa;
            border-radius: 20px;
            padding: 20px;
            left: 50%;
            margin-left: -170px;
            top: 30%;
        }
        .signInfo .signInfoPanel .signInfoTitle{
            text-align: center;
            color: #eee;
            font-size: 22px;
        }
        .signInfo .signInfoPanel .signInfoContent{
            text-align: center;
            color: #aaa;
        }
        .signInfo .signInfoPanel .signInfoButton{
            text-align: center;
            margin-top: 30px;
        }
        .signInfo .signInfoPanel .signInfoButton button{
            padding: 10px 50px;
            border-radius: 20px;
            border: 0;
            background: #eee;
            color: #fff;
            font-size: 14px;
            cursor: pointer;
        }
        .signInfo .signInfoPanel .signInfoClose{
            position: absolute;
            width: 30px;
            height: 30px;
            bottom: -80px;
            left: 50%;
            margin-left: -15px;
            border: 2px solid #ddd;
            border-radius: 50%;
            line-height: 30px;
            text-align: center;
            font-size: 20px;
            color: #ddd;
        }


        .pageFooter{
            text-align: center;
            background: #eee;
            padding:10px;
        }
        .pageFooter img{
            height: 20px;
            display: block;
            margin: 0 auto;
        }
    </style>
</head>
<body>
<div id="container">
    <img src=""
         class="mainImg" id="mainImg" />
    <div class="bonusMenus" id="menuPanel">
        <div>
            <a class="menuLink"
               href="<%= global.config.path.contextPath %>/view/giftInfo?openId=<%= userData.openid %>&publicId=<%= body.publicId %>&orgCode=<%= body.orgCode %>&cardCode=<%= userData.cardCode %>">
                <div class="menuBlock">
                    <img src=""
                         class="couponIcon" />
                    <div>礼券中心</div>
                </div>
            </a>
        </div><div>
            <a class="menuLink"
               href="<%= global.config.path.contextPath %>/view/bonus/record?gId=<%=data.gId%>&openId=<%= userData.openid %>&publicId=<%= body.publicId %>&orgCode=<%= body.orgCode %>&cardCode=<%= userData.cardCode %>">
                <div class="menuBlock">
                    <img src=""
                         class="recordIcon" />
                    <div>签到记录</div>
                </div>
            </a>
        </div>
    </div>
    <div class="bonusActivity" id="activityPanel">
        <!--<div class="activityBlock">-->
            <!--<a class="link"-->
               <!--href="<%= global.config.path.contextPath %>/view/giftInfo?openId=<%= userData.openid %>&publicId=<%= body.publicId %>&orgCode=<%= body.orgCode %>&cardCode=<%= userData.cardCode %>">-->
                <!--<img src="<%= global.config.path.mengkePublicPath %>/custom/images/bonus/event.gif"-->
                     <!--class="img-responsive" />-->
            <!--</a>-->
        <!--</div>-->
    </div>

    <div class="signInfo">
        <div class="signInfoModel"></div>
        <div class="signInfoPanel">
            <h3 class="signInfoTitle">签到成功</h3>
            <div class="signInfoContent">恭喜获取30积分</div>
            <div class="signInfoButton">
                <button>确认</button>
            </div>
            <div class="signInfoClose">X</div>
        </div>
    </div>

    <div class="pageFooter">
        <img src="" class="preview-footerLogo" />
    </div>
</div>
<footer>技术支持：上海法法信息</footer>
<% include ../common/footer.ejs %>
</body>
</html>
